<template>
	<view>
		<view class="flex m-b-20">
			<view class="tap m-r-10" ></view>
			<view class="bold xl">进行中的订单</view>
		</view>
		<!-- 86*77 -->
		<view class=" p-25 detail bg-white">
			<view class=" flex row-center detail-box">
				<view class="flex flex-col">
					<image src="../../static/images/index_none.png" mode="" style="" class="detail-img"></image>
					<view class="text-center m-t-10" style="color: #a0a0a0;">
						暂无订单
					</view>
				</view>
				
			</view>
			
		</view>
	</view>
</template>

<script>
	export default {
		name:"index-order",
		data() {
			return {
				
			};
		},
		props:{
			list:{
				type:Array,
				default:()=>[]
			}
		}
	}
</script>

<style scoped lang="scss">
	.tap{
		width: 10upx;
		height: 40upx;
		background-color: $-color-primary;
		border-radius: 10upx;
	}
	.detail{
		border-radius: 25upx;
		width: 100%;
		.detail-box{
			background-color: $-color-body;
			height: 320upx;
			border-radius: 25upx;
			overflow: hidden;
			.detail-img{
				border-radius: 25upx;
				width: 176upx;
				height: 154upx;
				
				
			}
		}
		
	}
</style>
